Top 12 Excellent Vertical Navigation Menu CSS Options

1. Vertical Responsive Navigation

featured image

Vertical Responsive Navigation is navigation component based in CSS Javascript code. It’s responsive navigation, collapsible mobile devices, has two themes and 12 preset colors.

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. Cream Tabs | jQuery Plugin

featured image

Cream Tabs it is a mix tabs navigation menu with content slider.Menu position: vertical/horizontal

More Details

4. Tabion - Metro Tab Accordion Switcher CSS

featured image

Tabion – Metro Tab Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used create Tab with Metro UI style. Tabion also support Responsive Design that will switch to CSS vertical menu when it is viewed on small screens Mobile Devices.Horizontal + Vertical Styles.If you like to see plugin documentation you can check it here: TabiCSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

Metro Navigation Bar CSS

More Details

5. navIgo - Multipurpose Responsive Navigation Plugin

featured image

One can truly say this is really ultimate navigation tool!

In addition, any plugin parameter can be overwritten directly from each menu <ul> data-attributes.Valid XHTML / CSS 3 markup

Multiple menus on one page: and you can control almost anything for each menu, easy!

Smart options management: each plugin parameter can be overwritten by an equivalent data attribute inside the <ul> tag of each menu, in this way you can set overall rules for all navbars on the website, but you can customize each menu simply adding attributes in the markup!

Horizontal vertical orientation

Alpha or menu vertical slide jQuery FX for dropdown CSS menu levels

Useful css class based element override: you can override buttons or dropdowns style simply adding classes.Responsive toggle-menu button: you can enable or disable menu wrapper with show/hide automatic button. Added tab mode (menu can be used as tabbed interface)

Some CSS improvements

More Details

6. Verion - Widget Accordion Sidebar CSS

featured image

Verion – Widget Accordion SideBar CSS

Verion – Widget Accordion SideBar CSS is a small CSS plugin that is used create the CSS vertical sidebar menu to contaweb widgets like: accordion menu, login form, small photo, buttons, recent/feature posts, social sharing icons, etc.CSS animation effects.If you like to see plugin documentation you can check it here: VeriCSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Tabion – Metro Tab Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

Metro Navigation Bar CSS

More Details

7. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2. Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

Left Vertical

Right Vertical

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details

8. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe change Tab Content, Left and Right keys change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot CSS option to customize…

Support both Horizontal and Vertical Tab.Navion – Metro Navigation Menu Accordion Switcher CSS

TabiCSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

OneMenu – Responsive Metro UI Menu

More Details

9. Flexy Menu - Responsive Horizontal & Vertical Menu

featured image

Flexy is menu component based CSS Javascript code. You can use Flex Menu it as horizontal vertical menu. It a responsive collapsible menu, suitable for any type of website.Horizontal Vertical

Javascript/CSS effects

More Details

10. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. In addition to you can set up menu item drop down by clicking or hovering. Horizontal vertical versions

Click/hover behavior choice on the responsive jQuery slideshow options page

Fly-out Menu with Unlimited Sublevels

Valid XHTML / CSS 3 markup

Thmenu has been tested (and works !) in all the following browsers :

More Details

11. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you create anything from just simple plabutton to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button

Vertical Dropdown Menu

Navigation Bar

More Details

12. IcoRoll - Scroll Navigation System

featured image

Standard navigation support

Spacing between menu elements feature

Callbacks click and current menu element viewing

Icoroll – Scroll Navigation System

Responsive scroll menu system providing ideal solutifor vertical navigation on pc mobile devices.It connects html id attribute on page with menu, menu knows where user is on page.Easy theme change ( one commented css file )

More Details

13. Vertical CSS3 Megadropdown Menu

featured image

Vertical CSS megaropdown menu is navigation component based in CSS.

More Details